<!doctype html>
<html>
<head>
    <meta charset="UTF-8">  
    <link href="semanticui/semantic.min.css" rel="stylesheet" type="text/css" />
    <link href="main.css" rel="stylesheet" type="text/css" />
    <title>左边菜单</title>  
</head>
<body>

<div class="ui segment">
	这里是测试
</div>

<script src="semanticui/jquery-2.1.4.min.js"></script>
<script src="semanticui/semantic.js" type="text/javascript"></script>
<script type="text/javascript">
	var handler = { 
		activate: function() { 
			$(this)
				.addClass('active') 
				.siblings() 
				.removeClass('active'); 
		} 
	};

	$(document).ready(function() { 
		$('.button').on('click', handler.activate)
		$('.dropdown').dropdown({
			fullTextSearch:true,
		});
	});

</script>
</body>
</html>